<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购电子商城-首页</title>
    <!-- 引入清除样式  -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="../css/logon.css">



    <!-- 引入轮播插件  注意要先引入jQuery库-->
    <script src="../slider/lib/jquery.min.js"></script>
    <script src="../slider/lib/jquery.slidebox.js"></script>

    <!-- 引入当前文件的js -->
    <script src="../js/logon.js"></script>


</head>

<body>
    <!-- 0页眉 -->
    <div class='h_title'>
        <div class='h_text clearfix container'>
            <img src='../img/logo.jpg' class='h_logo fl'>
            <p class="legochina-cn fl">legochina.cn</p>
            <p class='fr'>欢迎光临<span><a href="./index.html"  id='h_name' class='h_name'>乐购</a></span>，
                请&emsp;<a href="./logon.html" class="logo_a">登录</a>\<span><a href="./post.html" id='h_logon' class='h_logon'>注册</a></span></p>
        </div>
    </div>
    <!-- 头部 -->
    <section class="header"><div class="container"><p>欢迎登陆</p></div></section>
   <!-- 内容 -->
   <section class="text"><div class="container pr">
       <img src="../img/images/扫码登录.png" class="text_img">
       <span class="text_logo pa">账户登录</span>
       <form class="l_form pa">
       <p class="lf_p"><span class="lf_span1">扫码登陆</span><span class="lf_span2">账户登录</span></p>
       <p><input type="text pr" class="input_text"><img src="../img/images/账户登录人头_03.png" class="pa it_img"></p>
       <p><input type="password pr" class="input_pad"><img src="../img/images/账户登录密码_06.png" class="pa ip_img"></p>
       <p class="con_p"><input type="checkbox" class="fl cp_box">自动登录<span class="fr cp_span">忘记密码</span></p>
       <p><button type="submit" class="l_btn">登录</button></p>
       <p><a href="#"></a></p>
       </form>
   </div></section>
    <!-- 10 页尾 -->
    <footer id="footer" class='footer'>
        <div class='f_contact container pr'>
            <div class='fc_box'>
                <div class='fc_box2'>
                    <p><a href='#'>公司简介</a> | <a href='#'>Investor Relations</a> | <a href='#'>网站联盟</a> | <a href='#'>乐购招商</a> | <a href='#'>机构销售</a> | <a href='#'>手机乐购</a> | <a href='#'>官方Blog</a> | <a href='#'>热词搜索</a></p>
                    <p class="fc_p">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
                </div>
            </div>
        </div>
    </footer>





</body>

</html>